import { useContext } from 'react';
import {context} from './Provider'

export default function Counter01() {
  const {counter01, setCounter01} = useContext(context)

  console.log('counter01: ', counter01)

  function clickHandle() {
    setCounter01(counter01 + 1)
  }
  return (
    <button onClick={clickHandle}>
      counter01: {counter01}
    </button>
  )
}